<template>
  <RouterView></RouterView>
  <van-tabbar route>
 <van-tabbar v-model="active">
 <van-tabbar-item icon="tosend" to="/home/release"></van-tabbar-item>
  <van-tabbar-item icon="like-o" to="/home/collect"></van-tabbar-item>
  <van-tabbar-item icon="comment-o" to="/home/message"></van-tabbar-item>
  <van-tabbar-item icon="comment-o" to="/home/empty"></van-tabbar-item>
  <van-tabbar-item icon="wap-home-o" to="/home/mine"></van-tabbar-item>
</van-tabbar>
</van-tabbar>
</template>

<script setup lang="ts">

import { ref } from 'vue';


    const active = ref(0);
    const icon = {
      active: 'https://fastly.jsdelivr.net/npm/@vant/assets/user-active.png',
      inactive:
        'https://fastly.jsdelivr.net/npm/@vant/assets/user-inactive.png',
    };
 

</script>
